@import "../../variable.less";
@svg-empty-color: #888;
.@{prefix} {
  &-empty {
    margin: 0 8px;
    font-size: var(--font-size-base);
    text-align: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 100%;
    &-image {
      margin: 0 auto;
      height: 100px;
      margin-bottom: 8px;
      img {
        height: 100%;
      }
    }
    &-img-default {
      margin: auto;
      height: 100%;
    }
    &-img-default-ellipse {
      fill: lighten(@svg-empty-color , 40%);
      fill-opacity: .8;
    }
    &-img-default-path-1 {
      fill: lighten(@svg-empty-color , 24%);
    }
    &-img-default-path-3 {
      fill: lighten(@svg-empty-color , 38%);
    }
    &-img-default-path-4 {
      fill: lighten(@svg-empty-color , 30%);
    }
    &-img-default-path-5 {
      fill: lighten(@svg-empty-color , 30%);
    }
    &-img-default-g {
      fill: #fff;
    }
  }
}